<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>产品分类</title>
		<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
		<link rel="stylesheet" href="../static/css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="../static/css/product_category.css" />
		<link rel="stylesheet" type="text/css" href="../static/css/page.css"/>
	</head>
	<body>
		<div class="main">
			<!--搜索行-->
			<div class="input-group">
				<input type="text" class="input" placeholder="请输入产品名称/规格">
				<button class="btn btn-primary" type="button"><span class="glyphicon glyphicon-search"></span>搜索</button>
				<a href="#">新建</a>
			</div>
			<!--产品分类表格-->
			<table class="table table-bordered">
				<tr class="table-nav">
					<td class="col-md-1">编号</td>
					<td class="col-md-1">分类名称</td>
					<td class="col-md-1">排序</td>
					<td class="col-md-1 handle">操作</td>
				</tr>
				<tr>
					<td class="col-md-1">11</td>
					<td class="col-md-1">女装</td>
					<td class="col-md-1 fontCenter">10</td>
					<td class="col-md-1 fontCenter operation_a">
						<a href="#">新增</a>&nbsp;&nbsp;
						<a href="#">编辑</a>&nbsp;&nbsp;
						<a href="#">删除</a>
					</td>
				</tr>
				<tr>
					<td class="col-md-1">12</td>
					<td class="col-md-1">男装</td>
					<td class="col-md-1 fontCenter">20</td>
					<td class="col-md-1 fontCenter operation_a">
						<a href="#">新增</a>&nbsp;&nbsp;
						<a href="#">编辑</a>&nbsp;&nbsp;
						<a href="#">删除</a>
					</td>
				</tr>
				<tr>
					<td class="col-md-1">1201</td>
					<td class="col-md-1">T恤</td>
					<td class="col-md-1 fontCenter">30</td>
					<td class="col-md-1 fontCenter operation_a">
						<a href="#">新增</a>&nbsp;&nbsp;
						<a href="#">编辑</a>&nbsp;&nbsp;
						<a href="#">删除</a>
					</td>
				</tr>
				<tr>
					<td class="col-md-1">1202</td>
					<td class="col-md-1">毛衫</td>
					<td class="col-md-1 fontCenter">40</td>
					<td class="col-md-1 fontCenter operation_a">
						<a href="#">新增</a>&nbsp;&nbsp;
						<a href="#">编辑</a>&nbsp;&nbsp;
						<a href="#">删除</a>
					</td>
				</tr>
				<tr>
					<td class="col-md-1">1203</td>
					<td class="col-md-1">牛仔裤</td>
					<td class="col-md-1 fontCenter">50</td>
					<td class="col-md-1 fontCenter operation_a">
						<a href="#">新增</a>&nbsp;&nbsp;
						<a href="#">编辑</a>&nbsp;&nbsp;
						<a href="#">删除</a>
					</td>
				</tr>
			</table>
			<!--分页-->
			<div class="page-footer">
				<nav aria-label="Page navigation" class="nav">
					<ul class="pagination">
						<li>
							<a href="#" aria-label="Previous">
								<span aria-hidden="true">&laquo;</span>
							</a>
						</li>
						<li>
							<a href="#">1</a>
						</li>
						<li>
							<a href="#">2</a>
						</li>
						<li>
							<a href="#">3</a>
						</li>
						<li>
							<a href="#">4</a>
						</li>
						<li>
							<a href="#">5</a>
						</li>
						<li>
							<a href="#" aria-label="Next">
								<span aria-hidden="true">&raquo;</span>
							</a>
						</li>
					</ul>
				</nav>
				<div class="btn-group">
					<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    5条/页 <span class="caret"></span>
  </button>
					<ul class="dropdown-menu">
						<li>
							<a href="#">5条/页</a>
						</li>
						<li>
							<a href="#">Another action</a>
						</li>
						<li>
							<a href="#">Something else here</a>
						</li>
						<li role="separator" class="divider"></li>
						<li>
							<a href="#">Separated link</a>
						</li>
					</ul>
					<div class="skip">
						<span>跳至</span><input type="text" class="input-page" />页
					</div>
				</div>
		</div>
	</body>
</html>
